<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>
<title>LARC Messenger</title>
	<style type="text/css">
		body {
		background-color:black;
		}
	</style>
</h:head> 
<body>
	<h:form>
		<c:if test="#{loginBean.init()}"/>
	    <rich:panel >
	        <f:facet name="header">
	        LARC Messenger - Login
	        </f:facet>
	        <div align="center">
	        <h:outputText value="Usuário inválido" rendered="#{loginBean.mostrarMsg}" styleClass="rf-msg-err" />
	        <br/>	        
	        <h:panelGrid columns="3">
	        	<h:outputText value="ID:" /> <h:inputText id="id" value="#{loginBean.id}" label="ID:" /> <rich:message for="id"/>
	        	<h:outputText value="Senha: " /> <h:inputSecret id="senha" value="#{loginBean.senha}" label="Senha:" /> <rich:message for="senha"/>
	        </h:panelGrid>
	        <br/>
	        <h:commandButton action="#{loginBean.login()}" value="Entrar" />
	        </div>
		</rich:panel>
	</h:form>
</body> 
</html>
